<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
!DOCTYPE html>
<style>
    *{
        margin:0px;
        padding:0px;
    }
    body{
        background:#ccc;
    }
    li{
        list-style:none;
    }
    a{
        text-decoration:none;
    }
    .fl{
        float:left;
    }
    .fr{
        float:right;
    }
    .clearfix:after{
        clear:both;
        display:table;
        content:"";
    }
    .all{
        background:white;
        width:990px;
        margin:10px auto;
    }
    .all .top{
        height:28px;
    }
    .all .remai_line{
        width:7px;
        height:25px;
        background:red;
        display:block;
    }
    .all h3{
        font-size: 20px;
        color: #ff242d;
        margin-left:8px;
    }
    .all .nav{
        margin-bottom:10px;
    }
    .all .nav li{
        float:left;
        margin:5px 5px;
    }
    .all .nav li a{

        font-size:12px;
        color:#666;
    }
    .advspan{
        font-size:12px;
        color:#eee;
        border-radius:5px;
        padding:0px 3px;
        text-align:center;
        border:1px solid #eee;
        margin-top:8px;
        margin-right:3px;
    }
    .all .remai_chanpin_liebiao{
        font-size:14px;
    }
    .all .remai_chanpin_liebiao li{
        width:25%;
        float:left;
        box-sizing:border-box;
        padding:23px;
    }
    .all .adv{
        margin-top:10px;
    }
    .all .adv>div{
        float:left;
        width:330px;
        padding:5px;
        box-sizing:border-box;
    }
    .all .adv>div img{
        width:100%;
    }
</style>

<div class="all">
    <!-- 热卖开始 -->
    <div class="remai">
        <!-- 热卖头部开始 -->
        <div class="top clearfix"><span class="remai_line fl"></span><h3 class="fl">热卖单品</h3></div>
        <div class="nav clearfix">
            <ul class="clearfix fl">
                <li><a href="#">帆布</a></li>
                <li><a href="#">床品</a></li>
                <li><a href="#">衬衫</a></li>
                <li><a href="#">四件套</a></li>
                <li><a href="#">长袖衫</a></li>
                <li><a href="#">真丝裙</a></li>
                <li><a href="#">夏季裙</a></li>
                <li><a href="#">布鞋男</a></li>
                <li><a href="#">蕾丝裙</a></li>
                <li><a href="#">男布鞋</a></li>
                <li><a href="#">男衬衫</a></li>
                <li><a href="#">碎花裙</a></li>
                <li><a href="#">阳光板</a></li>
                <li><a href="#">沙滩裙</a></li>
                <li><a href="#">雪纺裙</a></li>
                <li><a href="#">岗亭</a></li>
                <li><a href="#">红裙子</a></li>
                <li><a href="#">保温棉</a></li>
            </ul>
            <span class="fr advspan">广告</span>
        </div>
        <!-- 热卖头部结束 -->
        <!-- 热门产品列表开始 -->
        <ul class="remai_chanpin_liebiao clearfix">
            <li><a href="#">
                <div class="line1"><img src="https://gma.alicdn.com/bao/uploaded/i4/44517835/O1CN016c82Si27kTfyYixnF_!!0-saturn_solar.jpg_200x200.jpg_.webp" /></div>
                <div class="line2">
                    VICUTU/威可多男士纯色短袖商务衬衫纯棉免
                </div>
                <div class="line3">
                    <span>评价</span> <span>145</span>
                    <span>收藏</span> <span>606</span>
                </div>
                <div class="line4">
                    <span>¥395</span>
                    <span>¥790</span>
                    <span>月销</span>
                    <span>628笔</span>
                </div>
            </a>
            </li>
            <li><a href="#">
                <div class="line1"><img src="https://gma.alicdn.com/bao/uploaded/i4/44517835/O1CN016c82Si27kTfyYixnF_!!0-saturn_solar.jpg_200x200.jpg_.webp" /></div>
                <div class="line2">
                    VICUTU/威可多男士纯色短袖商务衬衫纯棉免
                </div>
                <div class="line3">
                    <span>评价</span> <span>145</span>
                    <span>收藏</span> <span>606</span>
                </div>
                <div class="line4">
                    <span>¥395</span>
                    <span>¥790</span>
                    <span>月销</span>
                    <span>628笔</span>
                </div>
            </a>
            </li>
            <li><a href="#">
                <div class="line1"><img src="https://gma.alicdn.com/bao/uploaded/i4/44517835/O1CN016c82Si27kTfyYixnF_!!0-saturn_solar.jpg_200x200.jpg_.webp" /></div>
                <div class="line2">
                    VICUTU/威可多男士纯色短袖商务衬衫纯棉免
                </div>
                <div class="line3">
                    <span>评价</span> <span>145</span>
                    <span>收藏</span> <span>606</span>
                </div>
                <div class="line4">
                    <span>¥395</span>
                    <span>¥790</span>
                    <span>月销</span>
                    <span>628笔</span>
                </div>
            </a>
            </li>
            <li><a href="#">
                <div class="line1"><img src="https://gma.alicdn.com/bao/uploaded/i4/44517835/O1CN016c82Si27kTfyYixnF_!!0-saturn_solar.jpg_200x200.jpg_.webp" /></div>
                <div class="line2">
                    VICUTU/威可多男士纯色短袖商务衬衫纯棉免
                </div>
                <div class="line3">
                    <span>评价</span> <span>145</span>
                    <span>收藏</span> <span>606</span>
                </div>
                <div class="line4">
                    <span>¥395</span>
                    <span>¥790</span>
                    <span>月销</span>
                    <span>628笔</span>
                </div>
            </a>
            </li>
            <li><a href="#">
                <div class="line1"><img src="https://gma.alicdn.com/bao/uploaded/i4/44517835/O1CN016c82Si27kTfyYixnF_!!0-saturn_solar.jpg_200x200.jpg_.webp" /></div>
                <div class="line2">
                    VICUTU/威可多男士纯色短袖商务衬衫纯棉免
                </div>
                <div class="line3">
                    <span>评价</span> <span>145</span>
                    <span>收藏</span> <span>606</span>
                </div>
                <div class="line4">
                    <span>¥395</span>
                    <span>¥790</span>
                    <span>月销</span>
                    <span>628笔</span>
                </div>
            </a>
            </li>
            <li><a href="#">
                <div class="line1"><img src="https://gma.alicdn.com/bao/uploaded/i4/44517835/O1CN016c82Si27kTfyYixnF_!!0-saturn_solar.jpg_200x200.jpg_.webp" /></div>
                <div class="line2">
                    VICUTU/威可多男士纯色短袖商务衬衫纯棉免
                </div>
                <div class="line3">
                    <span>评价</span> <span>145</span>
                    <span>收藏</span> <span>606</span>
                </div>
                <div class="line4">
                    <span>¥395</span>
                    <span>¥790</span>
                    <span>月销</span>
                    <span>628笔</span>
                </div>
            </a>
            </li>
            <li><a href="#">
                <div class="line1"><img src="https://gma.alicdn.com/bao/uploaded/i4/44517835/O1CN016c82Si27kTfyYixnF_!!0-saturn_solar.jpg_200x200.jpg_.webp" /></div>
                <div class="line2">
                    VICUTU/威可多男士纯色短袖商务衬衫纯棉免
                </div>
                <div class="line3">
                    <span>评价</span> <span>145</span>
                    <span>收藏</span> <span>606</span>
                </div>
                <div class="line4">
                    <span>¥395</span>
                    <span>¥790</span>
                    <span>月销</span>
                    <span>628笔</span>
                </div>
            </a>
            </li>
            <li><a href="#">
                <div class="line1"><img src="https://gma.alicdn.com/bao/uploaded/i4/44517835/O1CN016c82Si27kTfyYixnF_!!0-saturn_solar.jpg_200x200.jpg_.webp" /></div>
                <div class="line2">
                    VICUTU/威可多男士纯色短袖商务衬衫纯棉免
                </div>
                <div class="line3">
                    <span>评价</span> <span>145</span>
                    <span>收藏</span> <span>606</span>
                </div>
                <div class="line4">
                    <span>¥395</span>
                    <span>¥790</span>
                    <span>月销</span>
                    <span>628笔</span>
                </div>
            </a>
            </li>
        </ul>
        <!-- 热门产品列表结束 -->
    </div>
    <!-- 热卖结束 -->
    <div class="adv clearfix">
        <div class="img img1"><img src="https://img.alicdn.com/simba/img/TB1EISrarus3KVjSZKbSutqkFXa.jpg" /></div>
        <div class="img img2"><img src="https://img.alicdn.com/simba/img/TB1gomfUXzqK1RjSZFCSuvbxVXa.jpg" /></div>
        <div class="img img3"><img src="https://img.alicdn.com/simba/img/TB1Ag_zKSzqK1RjSZPcSuvTepXa.jpg" /></div>
    </div>
</div>
</body>
</html>